@import "header";
@import "footer";
body{
  background-color: #000;
}
main{
  margin: 90px auto 0 auto;
  color: #fff;
  overflow: hidden;
  .inner{
    .breadcrumbs{
      padding-left: 20px;
      font-weight: 500;
    }
    .h1{
      padding: 20px;
      font-weight: 100;
      h1{
        font-size: 30px;
      }
    }
    .search{
      padding-left: 20px;
      input{
        background-color: transparent;
        border: 1px solid #ccc;
        height: 33px;
        position: relative;
        top: -1px;
        color: #fff;
      }
      button{
        background-color: #76B900;
        border: none;
        color: #fff;
        height: 35px;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer;
      }
    }
  }
  .mainpg{
    margin: 20px auto;
    font-family: "geforce-bold",sans-serif;
    .sale{
        .salebt{
          font-size: 30px;
          margin-bottom: 5px;
          .salest{
            font-size: 20px;
          }
        }
        .sBtn{
          float: left;
          .salebtn{
            background-color: #76B900;

            width: 100px;
            height: 45px;
            float: left;
            line-height: 45px;
            transition: 0.2s ease-in-out;
            display: grid;
            place-items: center;
            a{
              text-decoration: none;
              color: #fff;
            }
            &:hover{
              background-color: #76D300;
            }
          }
        }
      .saleimg{
        border: #339999 1px solid;
        width: 300px;
        height: 190px;
        float: left;
        margin-right: 20px;
        img{
          width: 300px;
        }
      }
    }
  }
  .hr{
    margin: 0 auto;
  }
  .money{
    color: #ff0000;
    font-weight: bold;
  }
}
@media only screen and (max-width: 992px) {
  main{
    .inner{
      text-align: center;
      .breadcrumbs{
        padding-left: 0;
      }
      .search{
        padding-left: 0;
      }
      .goodsBlock{
        position: relative;
        .mainpg{
          .sale{
            .saleimg{
              margin: 0 auto;
              float: inherit;
            }
            .sBtn{
              float: inherit;
              display: grid;
              place-items: center;
            }
          }
        }
      }
    }
  }
}